<template>
  <div>
    <p class="p3" @click="goBack">
      <span class="s1">＜</span>
      <span class="s2">{{title}}</span>
    </p>
  </div>
</template>

<script>
export default {
  props: ["title"],
  name: "",
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {
    goBack() {
      this.$router.go(-1);
    },
  },
};
</script>

<style lang='scss' scoped>
.p3 {
  text-align: center;
  font-size: 0.3rem;
  padding: 0.3rem;
  display: flex;
  .s1 {
    font-size: 0.5rem;
    flex: 1;
   
  }
  .s2 {
    flex: 8;
    padding-top: .16rem;
  }
}
</style>